@@@@@@@@@@@@@@@@@  TjzM@What's New 2003/5/30

@@@@@@ S҂̂߂̃z[y[W/Web for beginner
@@@@@@@ @@@http://www.scollabo.com/banban/

@@@@@@@@@@@@@@@@53

@@@@@@@@@@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@ułHTML4.01y XHTML1.1 𒆐SƂ@̂ƂȂĂ܂B
ȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤ɂȂ
܂B
  tHgɊւẮAu܂܂v http://www.mag2.com/faq/mua.htm
QlɂĂB

@@T̃Rec
       WebfUC R --- fBNg
@@@ HTMLu  R --- ^`
@@@ XHTMLu@15 --- XNvg̈
@@   ^Ỏ --- insvf



WebfUC R

@ WebTCg\zŁAey[WɌfڂƂ́A͂܂ɃR
eĉ̂łBړIi荞܂ÃRec쐬ŁA
̎W͌ȂƂłB


@̕ނƃfBNg

@@W߂ꂽ͂ꂼ̃JeSɍׂĕނ܂B
@ɂ́A݂Ɋ֘Â邩܂B́A݂
@N邱ƂŁA֘At܂̂ŁA̓_݌vɉ܂傤B

@@ꂽɁAfBNgitH_j݌vł܂B

@@gbvy[Weʂ̃y[WƂȂ̂́Aꂼ̃fBN
@gɐU蕪邱ƂŁA삷鑤͔ɕ₷A쎞
@AX̃eiX₷Ȃ܂B


@fBNg̖O

@@݂ꂽfBNgɂ́ARO܂BOȂ΁A
@̃fBNgɂy[W烊N邱Ƃł܂B

@@Ô͌lɂĐ獷ʂł傤BKȂ΂Ȃ
@Ƃ܂͂܂񂪁Ał邾A񂪎߂Ă̂Ɋ
@AO悤ɂ܂B

@@fBNǵA̐̂WȓŁAƌꂽƂ܂A
@ĕ߂Ă킯ł͂܂B́AMS-DOSɌ
@Ăt@C̐炫Ă̂ŁA WWW̐Eł́A
@悤ȂƂ͂܂B

@@AfBNǵAy[W URLɂȂ̂Ȃ̂ŁAȌŕ
@₷O܂傤B܂Ał邾ApŋLq܂A
@ʂɑ啶ł܂܂B
@@AT[oɃt@C]ꍇA啶Ə́Aiɋʂ
@邱ƂmĂĂB


@fBNg̊Kw

@@ʏAgbvy[W̉ɊefBNgu܂B

@@āAfBNg̊KwłAirQ[V̐݌vƐ[֘AĂ
@܂BefBNgAgbvy[WɕŕԂ̂AƂP
@Kw̒ɁAɃfBNg݂[Kwɂ̂Af̕
@ƂłB

@@ɕԃfBNg\́Aȉ̒ʂłB
@@@i / ̓fBNg킵Ă܂Bj

@@@@@@@@@@@@@/ directory-1
                        
@@@@@@@@@@@@  / directory-2
                        
@@@@ TopPage@  / directory-3
                        
@@@@@@@@@@@@  / directory-4
                        
                          /imagei摜[߂fBNgj

@@PɁAgbvy[W̉ɁAeʂɕނꂽfBNgݒ肵
@Ă܂B

@@[wKwfBNg\

@@@@TopPage   / directory-1
                           
                            / directory-2
                                     
                                      / directory-3
                                              
                                               / directory-3

@@̐[ẃAP̃fBNg̒ɃfBNgݒ肵A܂̃f
@BNg̒ɁAɃfBNgƂ̂ŁAIł͂
@܂B

@@fBNg\
@@Ƃ́AɕׂꂽfBNg̒ŁAɐ[w\
@@fBNgw܂B
@@@TCgł́A̕^̗pĂ܂B


@@@@@@@@@@@@@/ directory-1
                              @    
@@@@@              @@@@@@ / directory-5
                        
@@@@@@@@@@@@  / directory-2
                        
@@@@ TopPage@  / directory-3
                        
@@@@@@@@@@@@  / directory-4
                        
                          /imagei摜[߂fBNgj



@eiXƊKw\̐݌v

@@Ⴆ΁A܂fBNg炸AKwɃgbvy[WA
@y[WA摜ȂǂꏏɂĂ܂̂́AlłB
@@X̃eiXɑςłBł邾񂲂ƂɕނfB
@NgĐĂ܂傤B

@@āAefBNgƂɐ݌vɋL^ĂƂ؂łB
@XύXȂǂꂽꍇAɂ̃t@CToƂł
@BeKwɕꂽt@ĆAeiXǍ̊gɂA
@傫𗧂ƂɂȂł傤B

@@@@@@@@@@@@@@@@@iSirQ[V̐݌vɂÂj



HTMLu  R

@HTML\̂́A傫ăwb_Ɩ{ɕ܂BĖY
Ă͂ȂȂPA^`̐錾܂BHTMĹAR
̕\Ă܂B

@́AɏdvȈӖu^`vɂďڂ܂B


@^`iDocument Type DefinitionjƂ́H

@@uԂ񂵂傪ĂvAȁAႻH

@@HTML̃o[WQA1995Nɔ\ꂽƂAHTML쐬ꍇɂ
@̖`ŁA̗vf^Cvi^OZbgjAǂ̃o[Ŵǂ̂悤
@ȁu^v𗘗p̂AIɐ錾Ȃ΂ȂȂAƋK肳
@B

@@vf^CvƂ́AHTML̊eo[W̎dlŒ`Ă^ȌW
@\Ă܂B
@@eo[Wł́Apł^OƁApłȂ^OȂǂɕĂ
@܂̂ŁAǂ̃o[WHTML̎dl𗘗p̂߂̂́Adv
@ȈӖĂ܂B

@@ W3ĆASGML̐_𑸏dALq^O₻̑(^O̖)
@Iʂu^vƂ`܂B
@@܂AuIȃCAEgv\^OZbgAp~
@ƂOƂuߓndlvƁASGML̐_ɑuidlvɕ
@܂B

@@Oqׂ悤ɁAex_[ Web҂̈͂ɕ W3ĆAs
@{ӂȂAHTML3.2 [X܂B̒ǵA悻SGML̐_
@傫AIȌh񋟂^OZbg܂܂Ă܂

@@̔ȂAHTML 4.0/4.01 𗧂đɊA Web҂ɁA
@@̋Lqi܂B


@HTML4.01̕^`

@@HTML4.01ɂ镶^̒`͈ȉ̒ʂłB

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

@@̕^`́Aidl錾̂ŁA錩h肷
@^O͎g܂B

@@Ⴆ΁A<font> A<center>  邢́A<p align="center"> Ȃǂ̂悤
@ȁAHTML3.2 Œ`ꂽ^O⑮́Ap~邱Ƃ肳Ă
@̂ŁAu񐄏FDeprecatedvƌĂ΂ċʂĂ܂B
@@iɁAXHTML1.1ł́Aėpł܂Bj

@@ȂA^`̐錾́AHTML̈ԍŏ̍sA܂`ŋLqȂ
@΂Ȃ܂B܂A_uR[gň͂܂ꂽ͈͂͑啶Əi
@ɋʂ̂ŁAԈႦ̂Ȃ悤ɋLqȂ΂Ȃ܂B
@@ɁA"DTD"A"EN" ͏̎gpF߂Ă܂B

@@ȂA̋Lq́u݊^vƌĂ΂̂ŁAuW^v́Aȉ̂悤
@ɋLq܂B

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
      "http://www.w3c.org/TR/html4/strict.dtd">  @isȂŋLqj

@@u݊^vƁuW^vł WebuEUɂẮAɕ\قȂ
@܂BɁAMacintoshł́AꂪɌ܂B

@@W^́AURLɂƂAW3C̃TCgɂ镶^`QƂ܂B
@ɂ WebuEUALqĂHTML̗vf^Cv𔻒f
@Adlɏ]ēK؂Ƀ_O܂B

@@AuEU{ W3C̕^`QƂ邩ǂ͖炩
@͂܂Bɂ́A𖳎A̎Ădlɂ킹ĉ
@A_Oꍇ܂B

@@ȂA̕^`̓^Oł͂܂B܂ł錾łB

@@ǎ҂̒ɂ́AɃz[y[WJ݂ĂȂȂƎv܂B
@^`AStrictiidljŐ錾ĂĂAẪNZŕ
@IȔ񐄏ƂĂ^OZbgōĂ܂Ƃl܂B
@@\ɊmFȂA^`I΂Ȃ΂Ȃ܂B

@@]kłA^`̋Lq́Au݊^vȋLq悤Ɖ]
@Ă炵łȀ̏oӂȂ̂ŁA͂肵Ƃ
@܂B
@@Ȃ݂ɁATCgłHTML̕^́ÂقƂǂŁu݊^v
@pĂ܂B


@ߓndl̕^`

@@u񐄏vƂĂ^OZbgpꍇ́AÔƂł
@idl錾邱Ƃł܂B

@@ς肪Ƃ W3Cł́A]̃^OZbgpHTML̎dl
@pӂĂ܂Buł͗p܂񂪁Ap~\̃^OZbgg
@Ƃł镶^`܂B

@@񐄏Ƃ^OZbgpuߓndlv̕^錾͈ȉ̂
@łB

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

@@̉ߓndĺAp~ƂƂ肳Ă܂A
@̊Ԃ܂łȂ̂Aۂɂ͎dl̒łA邢 W3CłL
@Ă܂Bǂ炷ɔp~邱Ƃ͂ȂłB

@@Aɂ́AHTMĽpƂĂ鎟}[NAbv XHTML
@ɊĂAꂱ XHTMLɏW񂳂邱Ƃł傤B
@@݂̂ƂAHTML4.01ɂÂVHTML̎dl̊J͍sĂ
@܂B

@@Transitionaliߓndlj̕W^͈ȉ̒ʂłB

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  @  "http://www.w3.org/TR/html4/loose.dtd">@isȂŋLq܂j


@t[gp镶^錾

@@y[Wt[\ō쐬ꍇɁAԁuevƂȂt[Zbg
@HTML̖`Ő錾܂B

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

@@̒`́AߓndlɃt[̂̂łB
@lɁA񐄏ƂAp~\̕^錾łBȂAeEBhEŎ
@uqvƂȂHTML̕^`́Aidlł܂܂񂪁A
@[UG[WFg͔fł܂B

@@t[͕֗ȍ\łA[UG[WFgɂẮAt[
@T|[gĂȂ̂Ał邾t[̗pTނ悤Ɋ
@Ă܂Bt[ɂẮAuŎグ܂B

@@t[̕^`̕W^͈ȉ̒ʂłB

@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    @@"http://www.w3.org/TR/frameset.dtd">@isȂŋLq܂j


@ISO-HTML/JIS-HTML^`
@@ISO-HTMĹAHTML4.01{ɁẢ߂ڍׂɋK肵Ɍi
@KiŁAHTMLStrictƂׂ͔悤ȂĂ܂B
@@^Ȏ͋ɂ߂ďȂÂقƂǂuWvƌĂ΂ėpI
@ȑɏInĂ܂B
@@ISO-HTMĹ̕ASĂ̕\KwĂ܂B

@@ȂAJIS-HTMLƂ́AISO-HTML{ꉻ̂ŁAe͂܂
@ŁA^`̂gp܂B
@@ISO-HTML̕`͈ȉ̂ƂłB

@@<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN"> 

@@邢́A

@@<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup 
@@@Language//EN">@@isɋLq܂Bj

@@ WebuEUA̎dlT|[gĂ邩𔻒f邾̍ޗ
  Ă܂񂪁AISO-HTMLiȘ_\ƂċLqĂ
@̂ŁAقƂǂ̃[UG[WFgAvbgtH[ɓKpĂ܂B

@@ISO-HTMĹASGML̉pƂāA2000NɑPłƂĔ\܂B
@HTMLɎM̂́A񒧐킵Ă݂Ă͂ł傤EEE

@@ISO-HTML[U[YEKChipj
@@http://www.cs.tcd.ie/15445/UG.html

@@{ WebTCg
@@http://www.y-adagio.com/public/standards/jis_html/toc.htm

@^`̐錾͕KvH

@@_qׂƁAΕKvłBɐ錾Yꂽꍇɂ́AuEU
@ł́Ã̕^OZbgǂ炩ƌΌnIȁAHTML 2.0ƂĈ
@悤Ɏdl̒ŖLĂ܂Aۂɂ́A錾ȂĂAu
@EU̎dlɂă_Oiʂɕ\j܂B

@@u߂ǂȂvƎv܂񂪁A͌܂莖łB

@@A^`ĂȂꍇA̕HTMLł͂ȂA
@ƌĂ߂ł͂܂BA{łB

@@^`́ASGML̋KɊÂČ߂Ă܂B
@HTMĹASGML̃TuZbgƂĒ`ꂽASGML̃AvP[V
@ƂĈʒutĂ֌WŁAu΁vɐ錾Ȃ΂ȂȂ̂łB

@@ȂA^`𗪂āADTDƌĂԂƂ܂̂ŁAoĂ
@BʓI DTD́ADocument Type Definition ̗ƂĒʗp
@łBXHTMLAXML׋^͕K{ڂłB

@@́AHTML̍ƁAwb_̋LqɂĐ[܂B


iߗpj

@PFCGIiCommon Gateway Interfacej
@ WebT[oƊOsvO̊Ԃ̃C^[tFCXdlE@\̂Ƃ
@w܂B
@@ɂ CGIƂ̂̓vOŵł͂ȂAvOHTTPT
@[oœ߂́u[Ǝdg݁vłB

@@Ⴆ΁A悭uANZXJE^[vufvȂǂ́AHTML
@ł͎łȂ̂łBHTML CGIʂăT[oɒuĂʂ
@vOɂĎĂ܂B

@CGIɂĂ͂QƂĂB
@@CGI@ http://www.scollabo.com/banban/cgi/



XHTMLu@XNvg̈

@XHTML1.1ňXNvgɂ́AӂKvłBɔzuꍇ̒
@ӓ_ɂĉ܂B


@XNvg #PCDATA

  XHTML1.1ł́AXHTMLf[^ #PCDATAƂĈ܂B
@@#PCDATAƂ́ASGMLIɉ߂ׂƂӖAXHTMLł
@ʂ̃eLXgł͂ȂAƕ^`̒Ō߂Ă܂B

@@XNvgł́Aۂ &A<A>A&&AȂǂ̕Xg܂B
@ʂ̃eLXgƂĉ߂ CDATAł́Â̕܂܎g
@Ƃł܂B
@@Ƃ낪A#PCDATAł́A̎QƕƂĈ邽߁A

@@& ́A&amp;A< ́A&lt;A> ́A&gt; 

@@Ƃ悤ɋLqȂ΂ȂȂ̂łBHTMLł͉Ȃ
@ɋLqłXNvgłAXHTMLł́A܂ႤWJɂȂ܂B

@@Ⴆ΁AJavaScriptɎƁA

@@for (n=1; n>= -100; n-- ) {
      document.write(n); }

   ̂悤 for\̎QƂŋLqƁA

@@@@for (n=1; n&gt;= -100; n-- ) {
      document.write(n); }

@@ƁAȂ܂BƂ낪A̎QƂŋLqƁAuEÚAJavaScript
@ƂĂ͏łAG[Ԃ܂B
@@JavaScriptɌ炸AVBScriptłÃXNvgłA܂
@ƂȂ܂B


@CDATAZNV

@@XHTML1.1ł́AɃXNvgLqꍇA CDATAZNV
@肵ȂĂ͂Ȃ܂B
  @XNvg̃f[^ CDATAiLN^jƂĉ߂邽߂ɁA
@CDZNV݂Lq@܂B CDATAł́A̎Qƕ̂
@܎gp邱Ƃ\Ȃ߂ɐ݂Ă܂B

@@CDATAZNV͈ȉ̒ʂłB

@@<scaript type="text/javascript">
  @<![CDATA[
@@@for (n=1; n>= -100; n-- ) {
      document.write(n);
      }
  @]]>
  @</script>

@@XHTMLɏ WebuEUł̓XNvgsł܂BA
@ CDATAZNVT|[gĂ WebuEUȂƂŁAۂ
@Ƃ댻Ił͂܂B

@@XMLł͌ꂽLq@łAXHTMLƂ WebuEŨ_O
@́AuEUɈˑȂ΂ȂȂ킯łACDZNVg
@XNvg̋Lq@́AقSƂł傤B

@@XHTML͔rIV}[NAbvł邽߁AXHTMLST|[g
@Ă WebuEUȂ̂_łBCDZNV̂܂ܕ\
@܂uEU邱ƂRƂāA̋Lq@͂߂ł܂B

  CDZNVpJavaScriptTv
@http://www.scollabo.com/banban/magazine/mmsample/sample_53-4.html

@iŐV MSIEANetscapeAOpera Ȃǂł͖肠܂Bj

@OXNvg

@@XHTML1.1ŃXNvg𗘗p@ƂāAłʓIŃ|s[Ȏ
@@́AOɒuƂăXNvg𕪗܂B

@@́AOXNvgAOX^CV[gA XHTML̂R̕
@쐬܂B

@@̃XNvǵAʃEBhEŕ\EBhETCYAXe[^
@Xo[c[o[Ȃǂ̕\/\̑IAURL̓͂Ȃǂ̂łB
@@Cӂ URL͂A\EBhED݂Őݒ肵܂B



XNvg\ XHTML̍쐬

@܂ɁAOXNvg쐬܂BeLXgGfB^NāAȉ
̒ʂɃ^CvĂBXNvǵAJavaScriptłB

 test.js

   function makeArray(n) {
      this.length = n;
      for (var i = 1; i <= n; i++) {
        this[i] = "no";
      }
      return this;
   }
   function myOpenWin(frm) {
     myATR = new makeArray(7);
     for (i=3;i<7;i++) {
       if (frm[i].checked) {
         myATR[i]="yes";
       }
     }
     winAtrib="width="+frm[1].value+",height="+frm[2].value+",
     toolbar="+myATR[3]+",directories="+myATR[4]+",location="+myATR[5]+",
     status="+myATR[6];
  window.open(frm[0].value,"myWin",winAtrib);
  return false;
}

@͂I܂AJavaScriptƂĕۑ܂B
ۑ̍ہAgqujsvKt@Cɑă^CvĂB
́Autest.jsvƂOŕۑ܂B

@āAOX^CV[g쐬܂Bȉ̂悤Ƀ^CvĂB
ȂARuFvAZ~RuGvԈႦȂ悤ɁB

 test.css

@charset "Shift_Jis";

body { background-color: #fff; color: #000 }

div { 
  margin: 1em 10% }

h1 { 
  font-size: 1.2em; background-color: #069; color: #fff; 
  border-top: 3px double #069;
  border-bottom: 3px double #069; text-indent: 1em }

form { 
  background-color: #ff6; color: 000; padding: 1em; 
  border: 2px solid #000 }

label { 
  font-weight: bold; font-family: monospace }

input { 
  margin-right: 1.5em }

@͂I܂AX^CV[gƂĕۑ܂B
ۑ̍ہAgqucssvKt@Cɑă^CvĂB
ł́Autest.cssvƂOŕۑ܂B
@ȂAۑꏊ́Aقǂ̃XNvgƓꏊłB


 XHTML

<?xml version="1.0" encoding="ISO-2022-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!-- sȂŋLq -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="test.css" />
<title>XNvg̈/XHTML1.1</title>
<script type="text/javascript" src="test.js"></script>
</head>

<body>
<div>
<h1>URLw肵āAVEBhEŊJ JavaScript</h1>

<form>
<p>
<label>URI:
<input name="URI" value="http://www.google.com/" size="40" />
</label>
</p>

<p
<label>width:
<input name="width" value="400" size="5" />
</label>

<label>height:
<input name="height" value="400" size="5" />
</p>

<p>
<label>toolbar:
<input type="checkbox" name="toolbar" value="" size="5" />
</label>

<label>directories:
<input type="checkbox" name="directories" value="" size="5" />
</label>
</p>

<p>
<label>location:
<input type="checkbox" name="location" value="" size="5" 
 checked="checked"/>
</label>

<label>status:
<input type="checkbox" name="status" value="" size="5" />
</label>

<label>menubar:
<input type="checkbox" name="menubar" value="" size="5" />
</label>
</p>

<p>
<input type="button" name="open window" value="open window" 
onClick="myOpenWin(this.form)" />
</p>
</form>
</div>

</body>
</html>

@͂I܂Agqu.htmlvĕۑ܂B
̖O͔CӂɂĂBႦ΁Autest.htmlvȂǁBꂮ
gqYȂ悤ɁB
@ۑꏊ́AXNvgAX^CV[gƓꏊłB

@Tvs
@http://www.scollabo.com/banban/magazine/mmsample/sample_53-5.html





JavaScriptutest.jsv

function makeArray(n) {
@֐ݒ肵Ă܂B֐́umakeArray(n)vłB
@@̊֐́Az̒̒llƂāunovݒ肵Ă܂B
@܂AetH[̓͂̒lAtH[ŎꂽftHgilj
@ɐݒ肵Ă܂Bڂ XHTMLQƂĂB


this.length = n; for (var i = 1; i <= n; i++) { this[i] = "no"; }
return this;
@tH[̓͗ݒ肵Ă܂Bꂼ̃f[^́unovƂāA֐
@̖߂lƂĕԂĂ܂B
@@this.length ́Az̐imɂ́AtH[̓͗̐j܂B
@@Ŏunov́AVɊJEBhẼc[o[Xe[^X
@o[ȂǂlƂĔ\ɂȂ悤ݒ肵Ă܂B


function myOpenWin(frm) {
@ł֐ݒ肵Ă܂B֐́umyOpenWin(frm)vłB
@@̊֐ XHTML̃tH[̒̃CxgɂČĂяo܂B


myATR = new makeArray(7);
@zCfbNX̂VԖڂ̒l myATRϐɑĂ܂B


for (i=3;i<7;i++) { if (frm[i].checked) { myATR[i]="yes"; }
@JԂ\ŁAzϐ myATR[3]  myATR[7] Ԃł̒l𒲂ׂ
uyesvɐݒ肵Ă܂B
@@́A`FbN{bNX̓͒lɁA`FbNĂꍇɓKp
@܂B̒ checed ́AtH[̑Iڂ̒l𒲂ׂFormIuWF
@Ng̃vpeBłB


 winAtrib="width="+frm[1].value+",height="+frm[2].value+",@ȉȗ
@e͗瓾ɁAVȃEBhEݒ肵Ă܂B


CSSutest.cssv

@charset "Shift_Jis";
@X^CV[g̏R[hݒ肵Ă܂B̏ꍇ CSSA
@Vtg-JIS̕R[h𗘗pďĂ邱ƂĂ܂B
@@ȂAR[h̒ĺAȂpeLXgGfB^̕R[h
@̗pĂBڂ́AȂ̃\tgEFÁuwvvQƂ
@ĂB


body { background-color: #fff; color: #000 }
@ʂɕ\XN[i{̗̈j̔wiF𔒐FAFF
@lƂĐݒ肵܂B
@@̐ݒ́AevfœʂɐFȂǂݒ肵ȂꍇɓKp܂B


div { margin: 1em 10% }
@ėpubNxvf̗]ݒ肵Ă܂B㉺ɂ͂PAE
@ʑŜ10̔䗦̗]݂܂B


h1 { font-size: 1.2em; background-color: #069; color: #fff; 
     border-top: 3px double #069; border-bottom: 3px double #069; 
     text-indent: 1em }
@oݒ肵Ă܂B
@@̑傫͒ʏ20̑傫AF͔FAwiF͂₭݂
@FA㉺ɂRsNẐQdAāAP̎ݒ
@܂B


form { background-color: #ff6; color: 000; padding: 1em; 
  @@ border: 2px solid #000 }
@tH[Ŝ̐ݒłBwiFFAFAQsNZ̑
@F̘gAgP̗]ݒ肵܂B


label { font-weight: bold; font-family: monospace }
@̓tB[hŎx̕AŒsb`tHgɐݒ肵
@B


input { margin-right: 1.5em }
@͗̈̃tB[h̉EɂP̗]ݒ肵Ă܂B
@@x̓tB[h߂Ȃ߂̐ݒłB


XHTML

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
@̂Q́ÃReg^CviMIME^Cvj\Ă܂B҂
@AXHTMLŗp邽߂ɁAKvȍڂłB
@@vfȂ̂ŁAsɔpXy[X{XbVYȂ悤ɁB


<link rel="stylesheet" type="text/css" href="test.css" />
@OX^CV[gǂݍł܂BvfłB


<script type="text/javascript" src="test.js"></script>
@OXNvgǂݍł܂BX^CV[gƂ̈̈Ⴂ
@ɁAӂĂB̃Ce[}łB
@@JavaScript̊O̊gq́ujsvƂȂĂ܂B


<h1>URLw肵āAVEBhEŊJ JavaScript</h1>
@Poŕ\Ă܂B
@@óAKPoLqȂ΂Ȃ܂BāAh2Ah3
@n܂Ă͂܂BiɌΕ@ᔽɂȂ܂B


<form><p>
@tH[̒ŋLq inputvfȂǂ́AKubNxvf̒
@zuȂ΂Ȃ܂B̂߂ɁA pvfݒ肵Ă܂B


<label>URI:<input name="URI" value="http://www.google.com/" size="40" />
@x͓̓tB[h́uov̖ڂĂ܂B{IɁA
@̓tB[hĂ̂𖾊mɕ\܂B

 @@inputvfŎ valuéA炩ߓ̓tB[h̒ŏ
@lƂĕ\̂łBinputvfł͕K{̑łB
@@ȂA\Ȃꍇ́Avalue="" ƂċLq܂B

@@size="40" Ƃ́A̓tB[h̕\Ă܂AK40
@ȓłȂ΂ȂȂƂ͂܂B


<input name="width" value="400" size="5" />
@uEỦݒ肷邽߂̓̓tB[hłBlƂ 400sN
@Zɐݒ肵Ă܂A[UCӂɕύX邱Ƃ\łB


<input type="checkbox" name="toolbar" value="" size="5" />
@̓tB[h`FbN{bNXX^Cɐݒ肵Ă܂B


<input type="checkbox" name="location" value="" size="5" 
checked="checked"/>
@`FbN{bNX̃`FbNA炩߃`FbNĂԂɂĂ
@܂B
@@XHTML1.1ł́Aŏil̂Ȃj邱Ƃł܂B
@ŁAchecked="cheked" Ƃ悤ɋLqȂ΂Ȃ܂BHTMLł́A
@̕Kv͂܂B


<input type="button" name="open window" value="open window" 
onclick="myOpenWin(this.form)" />
@̓tB[h{^^ɐݒ肵A{^ƁAJavaScript̊֐
umyOpenWin()vs܂B
@onclick̓CxgƌĂсANbNꂽƂɔ̂łB



HTML ^Ỏ --- insvf

@ǉꍇɂ̗vfŁÃeLXg݂͂܂B

@vfށFCCxAubNxvfigp͕sj
@DTDdl FHTML4.01Strict
@I^OFK{
@@@FciteAdatetimeAėpiidAclassAtitleAlangj
@l@Fcite="URI 폜R URI"
@@@@@  datetime="F폜iISO-8601`j"
@qvfƂĎĂvfFقƂǂ̗vfiwb_j

@Advȏǉ邱ƂꍇɁA̗vfň͂ŋLq
܂BʓIȎonuEUł́A\܂B

@̗vf́Aw肷͈͂ɂẮAubNxvfɂȂꍇƁAC
CxvfɂȂꍇ܂ACCxvfƂĎgp
ꍇɂ́AqvfƂăubNxvfzu邱Ƃł܂B
܂Agpł܂̂ŁAӂĂB
@TAdelvfƓiĂ܂B

@ɗp ISO-8601Ƃ́Aȉ̂悤ɋLq܂B

@@datetime="2003-05-29T09:30:25+09:00"
@@i{2003NT29ߌU3025bƂȂ܂Bj
@@܂AOjbWWԁiUTCj XԑԂ{ԂƂ
@܂B

@Lq@
@<ins datetime="2003-05-29T09:30:25+09:00">
  ΂΂̐eA{NސEƂȂ܂B
@</ins>



@͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

iT̂炢j
   http://www.scollabo.com/banban/magazine/review_052.html

@̃Reci\j
       WebfUC S --- irQ[V̐݌v
@@@ HTMLu  S --- HTML̍ƃwb_
@@@ XHTMLu@16 --- 
@@   ^Ỏ --- ie͖j



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕ɂe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌdȃXy~XꍇABƔlƋɎ܂
˂ĂƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uށ@@@@@http://www.scollabo.com/banban/daf/material.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E[ށ

@V^xiSARSjEIɖɂȂĂ܂B
ɂāAlXȍÎȂǂ~ɂȂ肵āAɃAWAł͑傫Ȗ
ɂȂĂ悤łB

@Rs[^[EEBX|ǁÃEBX͐lɊւ̂ŁA
Eی@\iWHOjAאŠxĂтĂ܂B

@΁A{łQNOɂ́uav肪傫グ
莋ꂽ̂łǍǂȂ̂ł傤EEEH

@ɂĂARElނɋtPĂ悤ȋC܂B



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @       Copyright(C) 2002-2003  www.scollabo.com/banban/






